﻿body { }
* { padding: 0; margin: 0 }
.print { text-align: center; }
.print .btns { padding: 25px; }
.print .btns .btn { text-align: center; border: 1px solid #eaeaea; background-color: #f3f3f3; font-size: 14px; line-height: 32px; padding: 0 15px; display: inline-block; border-radius: 3px; margin: 0 25px; cursor: pointer; }
.code-list { }
.box1 {  margin: 0 auto; position: relative; }
.box2 {  margin: 0 auto; position: relative; }
.box3 { width: 30mm; margin: 0 auto; position: relative; }
.box1 .A4 { width: 210mm; height: 297mm; display: block; flex-wrap: wrap; justify-content: space-around; margin: 0 auto; position: relative; /**page-break-after: always;*/ align-items: flex-start; align-content: flex-start; text-align: left; }
.box1 .A4:after { content: " "; background-color: #fff; height: 100%; width: 1px; left: 50%; top: 0px; display: none; position: absolute; }
.box1 .A4 .vertical{ background-color: #000; height: 100%; width: 1px; position: absolute; }
.box1 .A4 .ver1{ left: 42mm; }
.box1 .A4 .ver2{left: 83mm; }
.box1 .A4 .ver3{left: 126mm; }
.box1 .A4 .ver4{left: 168mm; }
.box1 .A4 .ver5{left: 42mm; }
.box1 .A4 .ver6{left: 42mm; }
.box2 .A4 { width: 210mm; height: 293.5mm; display: block;padding-top:3.5mm; flex-wrap: wrap; justify-content: space-around;  margin: 0 auto; position: relative;/**page-break-after: always;*/align-items: flex-start;align-content: flex-start; text-align: left; }
/*.box2 .A4:after { content: " "; background-color: #000; height: 100%; width: 1px; left: 50%; top: 0px; display: block; position: absolute; }
*/
.code-list .box { overflow: hidden; width: 100%; font-weight: normal; /*page-break-after: always;*/ }
.box1 .box { display: inline-block; width: 32mm; height: 45mm; position: relative; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; margin-top: 0;  margin-bottom: 0; margin-left: 0mm; }
.box1 .box:nth-child(6n){ border-right-width: 0px; border-right-style: none; }
/*.box1 .box:after{ content: " "; background-color: #000; height: 100%; width: 1px; top: 0px; position: absolute; right: 0px; }
.box1 .box:nth-child(5n):after{content: " ";width: 1px;}*/
.box2 .box { display: inline-block; width:90mm; height: 43mm; padding-top: 1mm; padding-bottom: 1mm; border-right-width: 0.5px; border-bottom-width: 0.5px; border-right-style: solid; border-bottom-style: solid; margin-right: -1px; }
.box2 .box:nth-child(2n){ border-right-width: 0px; border-right-style: none; }

.box2 .box .inbox{ width: 89mm; height: 41.5mm;/*display:flex;align-items:center;justify-content:flex-start*/padding-left:1mm;padding-top:2.5mm }
.box3 .box { display: block; width: 30mm; height: 45mm }
.code-list .box:nth-child(odd) { }
.box1 .box .qrcode { width:30mm;height:40mm;margin:0 auto;padding-top:3.5mm}
.box2 .box .qrcode { width: 34mm; float: left; }
.code-list .A4 hr{ background-color: #000; height: 1px; width: 100%; overflow: hidden;border: none; }
.code-list .box .qrcode h5 { line-height: 5mm; text-align: center; font-size: 10px; display: block; width: 100%; padding-top: 1.5mm; padding-bottom: 1.5mm; font-weight: 500; }
.code-list .box .cnaidc { display: block; margin-right: auto; margin-left: auto; }
.box1 .box .cnaidc { display: block; width: 100%; margin-right: auto; margin-left: auto; }
.box2 .box .cnaidc { display: block; width: 32mm; margin-right: auto; margin-left: auto; height: 32mm; overflow: hidden; }
.box3 .box .cnaidc { display: block; width: 100%; margin-right: auto; margin-left: auto; }
.code-list .box .cnaidc img { display: block; margin: 0 auto; }
.box1 .cnaidc img { display: block; width: 28mm; height: 28mm; margin: 0 auto }
.box2 .cnaidc img { display: block; width: 32mm; height: 32mm; margin: 0 auto }
.box3 .cnaidc img { display: block; width: 28mm; height: 28mm; margin: 0 auto }
.code-list .box .box-tit { }
.code-list .box .box-tit h3 { line-height: 30px; text-align: center; width: 100%; color: #000000; text-indent: -10000em; display: none }
.code-list .box .box-tit h5 { line-height: 15mm; text-align: center;  display: block; width: 100%; }
.code-list .box .info { padding-left: 1mm;  padding-right: 1mm; font-size: 10px;}
.code-list .box .info span { display: block; text-align: left;  width: 100%; padding-top: 1.5mm; padding-bottom: 2mm; }
.code-list .box .info h6 { text-align: left; display: block; font-weight: normal; width: 100%; padding-top: 1.5mm; padding-bottom: 2mm; }
.code-list .box .info p { text-align: left; display: block; font-weight: normal;  width: 100%; padding-top: 1.5mm; padding-bottom: 2mm; }
.transform { transform: rotate(90deg); transform-origin: bottom left; }
